<html>

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
	$(document)
			.ready(
					function() {
						$("button")
								.click(
										function() {
											$
													.ajax({
														url : 'http://localhost:8080/estaciones/rest/estacion/'+ $("#codigo").val(),
														type : 'GET',
														dataType: 'json',
														success : function(data) {
															$("#nombre").html(data.nombre);
															$("#longitud").html(data.longitud);
															$("#latitud").html(data.latitud);
														},
														error : function(data) {
															alert("Error");
														}
													});
										});
					});
</script>

</head>

<body>
	<h1>Consulta de Estaciones</h1>
	<p>
		<input id="codigo" type="text" />
		<button>Consultar Estacion</button>
	</p>
	
	<p>
		<span id="nombre"></span>
		<span id="longitud"></span>
		<span id="latitud"></span>
	</p>
</body>
</html>